<template>
	<view>
		<NavBar :title="'申请事项'" />
		<scroll-view scroll-y="true" class="scroll-Y">
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">企业车辆信息核查</text>
					<text class="icon">*</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList1" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>

			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">企业不动产登记信息核查</text>
					<text class="icon">*</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList2" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">社会保险参保缴费记录核查</text>
					<text class="icon">*</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList3" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">企业注册、登记等基本信息核查</text>
					<text class="icon">*</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList4" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">企业人员医保缴存信息核查</text>
					<text class="icon">*</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList5" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="icon">*</text>
					<text class="content">企业房产信息核查</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList6" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">企业人员住房公积金缴存信息核查</text>
					<text class="icon">*</text>

				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList7" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">企业纳税缴税情况信息核查</text>
					<text class="icon">*</text>

				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList8" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">税款缴纳日期</text>
					<text class="icon">*</text>
				</view>
				<view class="example-body">
							<uni-datetime-picker
								v-model="datetimerange"
								type="datetimerange"
								start="2021-3-20 12:00:00"
								end="2021-6-20 20:00:00"
								rangeSeparator="至"
								:border="false"
							/>
						</view>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">
					<text class="content">行政处罚日期</text>
					<text class="icon">*</text>
				</view>
			<view class="example-body">
						<uni-datetime-picker
							v-model="datetimerange"
							type="datetimerange"
							start="2021-3-20 12:00:00"
							end="2021-6-20 20:00:00"
							rangeSeparator="至"
							:border="false"
						/>
					</view>
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">

					<text class="content">企业海关税款缴纳、货物通关信息核查</text>
					<text class="icon">*</text>
				</view>
				<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
					<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in checkboxList9" :key="index"
						:label="item.name" :name="item.name">
					</u-checkbox>
				</u-checkbox-group>
			</view>
		</scroll-view>
		<view class="but">
			<view class="submit" @click="submitClick">
				保存
			</view>
		</view>
	</view>
</template>


<script>
	import navbar from '@/pages/guide/enterprise/navbar.vue';
	export default {
		components: {
			navbar
		},
		data() {
			return {
				content: '',
				isShow: false,
				form: {
					education: '',
					
				},
				datetimerange:'',
				checkboxValue1: [],
				// 基本案列数据
				checkboxList1: [{
						name: '企业名下登记车辆情况',
						disabled: false
					},
					{
						name: '相关车辆使用年限',
						disabled: false
					},
					{
						name: '相关车辆查封情况',
						disabled: false
					},
					{
						name: '相关车辆抵押、质押情况',
						disabled: false
					},
					{
						name: '相关车辆违法、记分情况',
						disabled: false
					},
				],
				checkboxList2: [{
						name: '不动产登记结果',
						disabled: false
					},
					{
						name: '抵押权登记、查封登记等情况',
						disabled: false
					},
				],
				checkboxList3: [{
						name: '企业社会登记信息',
						disabled: false
					},
					{
						name: '是否欠缴纳社会保险费',
						disabled: false
					},
				],
				checkboxList4: [{
						name: '企业基本情况',
						disabled: false
					},
					{
						name: '企业年报情况',
						disabled: false
					},
					{
						name: '企业工商内档核查',
						disabled: false
					},
					{
						name: '股东、董事、监事、高管的信息 ，涉及个人的包括身份信息',
						disabled: false
					},
					{
						name: '股权冻结情况',
						disabled: false
					},
					{
						name: '股权出质登记情况',
						disabled: false
					},
					{
						name: '破产企业分支机构',
						disabled: false
					}
				],
				checkboxList5:[
					{
					name: '医保信息单位请款查询',
					disabled: false
				}, {
					name: '医保信息欠费明细查询',
					disabled: false
				}, {
					name: '医保信息人员情况查询',
					disabled: false
				}, ],

				checkboxList6: [{
						name: '查询企业房屋交易网签情况',
						disabled: false
					},
					{
						name: '查询企业房屋基本情况',
						disabled: false
					},
				],
				checkboxList7:[{
					name: '是否开立过公积金账户',
					disabled: false
				}, {
					name: '公积金账户内缴存人数',
					disabled: false
				}, {
					name: '公积金账户内缴存人员缴至年月',
					disabled: false
				}, {
					name: '是否存在在办投诉案件、未缴罚款及加处罚金情况',
					disabled: false
				}, ],
								checkboxList8: [{
						name: 'xx年xx月xx日至xx年xx月xx日期间税款缴纳情况',
						disabled: false
					},
					{
						name: 'xx年xx月xx日至xx年xx月xx日期间行政处罚情况',
						disabled: false
					}
				],
				checkboxList9: [{
						name: '是否有被海关查封、扣押的财产',
						disabled: false
					},
					{
						name: '被海关查封、扣押财产情况',
						disabled: false
					},
					{
						name: '是否欠缴海关税',
						disabled: false
					},
				],
			};
		},
		onLoad(option) {
			console.log(option);
			this.content = option.text
			if (option.isShow) {
				this.isShow = option.isShow
			}
		},
		methods: {
			checkboxChange(n) {
				console.log('change', n);

			},
			
				submitClick() {
				    console.log('提交表单');
				    this.$u.toast('提交成功');
				    this.$u.route({
				        url: '/pages/fromTable/bankruptcy/index'
				    });
			}
		}

	}
</script>

<style lang="scss" scoped>
	::v-deep uni-radio .uni-radio-input {
		width: 30rpx !important;
		height: 30rpx !important;
	}

	::v-deep uni-radio .uni-radio-input {
		width: 30rpx !important;
		height: 30rpx !important;
	}

	* {
		box-sizing: border-box;
	}

	.scroll-Y::-webkit-scrollbar {
		display: none;
	}

	.scroll-Y {
		width: 100%;
		padding: 30.77rpx;
		height: calc(100vh - 369rpx);
		background-color: #fff;
		font-family: PingFang SC, PingFang SC;
		scrollbar-width: none;
		-ms-overflow-style: none;

		.uni-column {
			font-weight: 400;
			font-size: 31rpx !important;
			color: rgba(0, 0, 0, 0.8);
			padding: 15rpx 0;
			border-bottom: 1rpx solid #D0D3D6;
		}

		.title {
			margin-bottom: 20rpx;

			.icon {
				font-weight: 400;
				font-size: 27rpx;
				color: #DC0000;
			}

			.content {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 27rpx;
				color: rgba(0, 0, 0, 0.6);
				margin-right: 3.85rpx;
			}
		}
	}

	.but {
		padding-top: 15rpx;
		background-color: #FFFFFF;
		border-top: 1rpx solid #D0D3D6;

		.submit {
			margin: 0 auto;
			width: 688rpx;
			height: 92rpx;
			background: #2C5E9F;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			font-weight: 400;
			font-size: 29rpx;
			color: #FFFFFF;
			line-height: 92rpx;
			text-align: center;
		}
	}

	.input-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 60rpx;
		font-size: 32rpx;
		color: #333;
	}

	.input-value {
		color: #333;
		flex: 1;
	}
</style>